<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>编辑户型信息</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body>
		<div class="mask"></div>
		<!--顶部-->
		<div class="txt-oparate row">
			<a href="#">取消</a>
			<a href="#" class="public">完成</a>
		</div>
		<!--顶部-->
		<!--内容-->
		<form class="container pt2">
			<div class="policybox">
				<ul>
					<li class="row">
						<label>户型状态</label>
						<a href="#" class="row agents" onclick="state(this,1)">
							<input type="text" disabled="disabled" placeholder="请选择"/>
							<div class="row">
								<i class="iconfont icon-arrow-right"></i>
							</div>
						</a>
					</li>
					<li class="row">
						<label>总价</label>
						<a href="#" class="row">
							<input type="text" placeholder="填写户型总价" />
							<div class="row">
								<em>万元</em>
							</div>
						</a>
					</li>
					<li class="row">
						<label>装修</label>
						<a href="#" class="row decorate" onclick="state(this,2)">
							<input type="text" disabled="disabled" placeholder="请选择"/>
							<div class="row">
								<i class="iconfont icon-arrow-right"></i>
							</div>
						</a>
					</li>
					<li class="row">
						<label>标签</label>
						<a href="label.html" class="row">
							<input type="text" disabled="disabled" placeholder="请选择"/>
							<div class="row">
								<i class="iconfont icon-arrow-right"></i>
							</div>
						</a>
					</li>
					<li class="row">
						<label>户型点评</label>
						<a href="comment.html" class="row mark">
							<span style="margin-right: 2.4rem;">一句话介绍户型卖点，可选填</span>
							<i class="iconfont icon-arrow-right"></i>
						</a>
					</li>
				</ul>
				<div class="block4"></div>
				<ul>
					<li class="row">
						<label>佣金点数</label>
						<a href="#" class="row">
							<input type="text" placeholder="请输入" />
							<div class="row">
								<em>%</em>
								<i class="iconfont icon-arrown-fill-down"></i>
							</div>
						</a>
					</li>
					<li class="row">
						<label>成交奖</label>
						<a href="#" class="row">
							<input type="text" placeholder="请输入" />
							<div class="row">
							</div>
						</a>
					</li>
				</ul>
				<div class="block4"></div>
			</div>
			<div class="edit-pic">
				<div class="add-pic">
					<p>上传室内图</p>
					<ul class="add-list row">
						<li>
							<input type="file" />
							<div class="add-load row">
								<i class="iconfont icon-jiahao"></i>
							</div>
						</li>
					</ul>
				</div>
				<div class="add-pic">
					<p>上传室内图</p>
					<span>按住图片可进行拖拽调整顺序</span>
					<ul class="add-list row gridly">
						<li>
							<img src="../../img/img02.jpg"/>
							<i class="iconfont icon-guanbi"></i>
						</li>
						<li>
							<img src="../../img/img02.jpg"/>
							<i class="iconfont icon-guanbi"></i>
						</li>
						<li>
							<img src="../../img/img02.jpg" />
							<i class="iconfont icon-guanbi"></i>
						</li>
						<li>
							<img src="../../img/img02.jpg" />
							<i class="iconfont icon-guanbi"></i>
						</li>
						<li>
							<img src="../../img/img02.jpg" />
							<i class="iconfont icon-guanbi"></i>
						</li>
						<li>
							<img src="../../img/img02.jpg"/>
							<i class="iconfont icon-guanbi"></i>
						</li>
						<li>
							<img src="../../img/img02.jpg" />
							<i class="iconfont icon-guanbi"></i>
						</li>
						<li>
							<input type="file" />
							<div class="add-load row">
								<i class="iconfont icon-jiahao"></i>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</form>
		<!--内容-->
		<footer>
			<a href="#" class="publish row">
				<span>公开显示</span>
			</a>
		</footer>
		<!--户型状态-->
		<div class="same agent-type hide" id="1">
			<ul>
				<li class="row" onclick="clickA(this,1)"><span>在售</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,1)"><span>认筹</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,1)"><span>待售</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,1)"><span>二手</span><i class="iconfont"></i></li>
			</ul>
		</div>
		<!--装修-->
		<div class="same agent-type hide" id="2">
			<ul>
				<li class="row" onclick="clickA(this,2)"><span>精装</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,2)"><span>拎包入住</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this,2)"><span>毛坯房</span><i class="iconfont"></i></li>
			</ul>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			function choice(e){
				if($(e).hasClass('icon-checkBox')){
					$(e).removeClass('icon-checkBox').addClass('icon-check-fill');
				} else {
					$(e).removeClass('icon-check-fill').addClass('icon-checkBox');
				}
			}
			//选择代理类型
			var txt;
			function state(e,id){
				$('#'+id).slideDown();
				$('.mask').fadeIn();
			}
			function clickA(e,id){
				$('.same ul li').removeClass('active');
				$('.same ul li').find('i').removeClass('icon-dagou');
				$(e).find('i').addClass('icon-dagou');
				$(e).addClass('active');
				txt = $(e).find('span').html();
				setTimeout(function(){
					$(e).parents('.agent-type').slideUp();
					$('.mask').fadeOut();
					if(id == 1){
						$('.agents').find('input').val(txt);
					} else {
						$('.decorate').find('input').val(txt);
					}
					
				},500)
			}
			$('.add-pic ul li:nth-of-type(4n+4)').css('margin-right','0');
		</script>
	</body>

</html>